<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <#include "../head.ftl">
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form" id="userInfoForm">
        <#if isAdd?? && isAdd == true>
            <div class="layui-form-item">
                <label for="userName" class="layui-form-label">
                    <span class="x-red">*</span>登录名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="userName" name="userName"
                           value="<#if user??>${user.userName?if_exists}</#if>" required=""
                           lay-verify="userName"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>将会成为您唯一的登入名
                </div>
            </div>
        </#if>
            <div class="layui-form-item">
                <label for="nickName" class="layui-form-label">
                    <span class="x-red">*</span>昵称
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="nickName" name="nickName"
                           value="<#if user??>${user.nickName?if_exists}</#if>" required=""
                           lay-verify="nickName"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_email" class="layui-form-label">
                    <span class="x-red">*</span>邮箱
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_email" name="email"
                           value="<#if user??>${user.email?if_exists}</#if>"
                           required="" lay-verify="department"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="x-red">*</span>角色</label>
                <div class="layui-input-block">
                    <input type="radio" name="roleCode" lay-skin="primary" value="0"
                           <#if  user?? && user.roleCode?? && user.roleCode == 0>checked</#if> title="管理员">
                    <input type="radio" name="roleCode" lay-skin="primary" value="1"
                           <#if user?? && user.roleCode?? && user.roleCode==1>checked</#if> title="审核人员">
                    <input type="radio" name="roleCode" lay-skin="primary" value="2"
                           <#if user?? && user.roleCode?? && user.roleCode==2>checked</#if> title="普通人员">
                </div>
            </div>
            <#if isAdd?? && isAdd == true>
                <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">
                        <span class="x-red">*</span>密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_pass" name="pass" required="" lay-verify="pass" autocomplete="off"
                               class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        6到16个字符
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        <span class="x-red">*</span>确认密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="repass" required="" lay-verify="repass"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
            </#if>
            <input id="status" name="status" type="hidden" value="1"/>
            <input id="id" name="id" type="hidden" value="<#if user??>${user.id?if_exists}</#if>"/>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button class="layui-btn" lay-filter="add" lay-submit="">
                    保存
                </button>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['form', 'layer'],
            function () {
                $ = layui.jquery;
                var form = layui.form,
                        layer = layui.layer;

                //自定义验证规则
                form.verify({
                    nickName: function (value) {
                        if (value.length < 2) {
                            return '昵称至少得2个字符啊';
                        }
                    },
                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
                    repass: function (value) {
                        if ($('#L_pass').val() != $('#L_repass').val()) {
                            return '两次密码不一致';
                        }
                    }
                });

                form.on('submit(add)',
                        function (data) {
                            var param = $("#userInfoForm").serializeArray();
                            $.post("${basePath}/member/save", param, function (rs) {
                                //string 转 json
                                var obj = eval('(' + rs + ')');
                                if (obj.status == 200) {
                                    layer.alert("保存成功", {icon: 6},
                                            function () {
                                                //关闭当前frame
                                                xadmin.close();
                                                // 可以对父窗口进行刷新
                                                xadmin.father_reload();
                                            });
                                } else {
                                    layer.alert(obj.message);
                                }
                                $("#userType").prop("disabled", true);
                            })
                            return false;
                        });

            });
</script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>

</html>
